Frontend (Dashboard) — Devin Giles
My frontend is a web-based dashboard built using HTML, CSS, and JavaScript (Chart.js). It connects to Carlos’s backend to display phishing simulation results.

To use:
Go to the PhishNetDashboard Folder
Run:
python -m http.server 5500
Open in browser:
http://127.0.0.1:5500/dashboard.html

Carlos Backend requirement:
Make sure Carlos’s backend is running:
python -m uvicorn app:app --reload --port 5000

API used:
http://127.0.0.1:5000/api/dashboard

Where backend is used:
The dashboard uses Carlos’s API to get data
It updates:
total users
failure rate
reporting rate
It also uses filters:
?training_status=Trained
?training_status=Untrained

Features:
Displays:
total users
failure rate
reporting rate
Filters:
All users
Trained
Untrained
Visualization:
Bar chart comparing trained vs untrained users

Purpose:
The frontend connects to the backend API and displays phishing simulation results to show how training affects user performance.
